<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
  <meta charset="UTF-8">
  <title>^^title-壹房通助手-添加</title>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

  <link rel="stylesheet" href="^^static_url/css/vendor.css">
  <link rel="stylesheet" href="^^static_url/css/1m2.css">
</head>

<body>
  @@include('header.html') @@include('menu.html')
  <div class="content-wrap">
    <ol class="breadcrumb _white">
      <li>
        <a href="./index.html">壹房通助手列表</a>
      </li>
      <li class="active">添加壹房通助手</li>
    </ol>
    <div class="detail-title">
      <div class="detail-title-text">新建壹房通助手</div>
    </div>
    <div class="content">
      <form class="form form-horizontal inner-form" id='form'>
        <div class="form-group form-group-required">
          <label for="" class="col-xs-24 col-sm-^^gutter-name control-label">标题</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="text" v-model="name" class="form-control" name="name" >
          </div>
        </div>
        <div class="form-group form-group-required">
          <label class="col-xs-24 col-sm-^^gutter-name control-label">封面图</label>
          <div class="col-xs-24 col-sm-^^gutter-value" ref='lockImgUploadContainer'>
            <div class="imgPreview-container" v-show='lockImgPreview'>
              <button class="btn btn-danger btn-sm imgPreview-close" type="button" @click='clearImgPreview'>删除
              </button>
              <img :src='lockImgPreview' class="imgPreview" @click='imgPreviewModal(lockImgPreview)'>
            </div>
            <div style="margin-bottom: 20px;">
              <input type="file" class="btn btn-default btn-block" :disabled=" islockImgLock" autocomplete="off" name='lockImg'
                ref='lockImg' accept="image/gif,image/jpeg,image/x-png">
            </div>
            <div class="progress">
              <div id="progress-bar" class="progress-bar progress-bar-info progress-bar-striped active" style="min-width: 2em;" :style='{width: lockImgProgress + "%"}'>{{ lockImgProgress }}%
              </div>
            </div>
            <button type="button" class="btn btn-primary" :disabled="islockImgLock" ref='lockImgUploadBtn' @click='uploadLockImg'>{{ islockImgLock ? '上传中(' + lockImgProgress + '%)...' : '开始上传' }}
            </button>
          </div>
        </div>

        <div class="form-group form-group-required">
            <label for="" class="col-xs-24 col-sm-^^gutter-name control-label">注册推送消息
              
            </label>
            <div class="col-xs-24 col-sm-^^gutter-value">
                <input type="checkbox" v-model="isRecommend" name="isRecommend">
            </div>
          </div>


        

        <div class="form-group form-group-required">
          <label for="" class="col-xs-24 col-sm-^^gutter-name control-label">内容</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div id="editor"></div>
          </div>
        </div>
        <div class="col-xs-24 col-sm-offset-^^gutter-name col-sm-^^gutter-value">
          <button type="button" @click.event="showPreview" class="btn btn-primary btn-h-llg">预览</button>
          <button type="submit" @click="agreeApply('1')" class="btn btn-primary btn-h-llg" >存为草稿</button>
          <button type="submit" @click="agreeApply('2')" class="btn btn-primary btn-h-llg" >发布</button>
          <!-- <button type="submit"   class="btn btn-primary btn-h-llg" >发布2</button> -->
        </div>
      </form>
    </div>
  </div>
  <div class="preview-layer">
    <div onclick="$('.preview-layer').hide();" class="preview-bg"></div>
    <div class="preview-phone">
      <iframe id="preview-html" name="preview-html" src="./preview.html"></iframe>
    </div>
  </div>
  @@include('footer.html')
</body>
<script src="^^static_url/js/vendor.js"></script>
<script src="^^static_url/js/oneHouseHelper_add.js"></script>
<script src="https://gosspublic.alicdn.com/aliyun-oss-sdk.min.js"></script>
<script src="https://webapi.amap.com/maps?v=1.4.0&key='594b054bb8b564f526cc42c493fe1400'"></script>

</html>